<template>
    <div class="commit-bar">

        <div class="prices">
            <span class="quantity">
               共{{amount}}件,
            </span>
            <span class="total">
                合计: <span class="price">¥ {{price}}</span>
            </span>
        </div>
        <radius-btn txt="提交订单" style="font-size: 0.32rem" class="buy-btn" width="2.4rem" height="0.8rem"></radius-btn>
    </div>
</template>

<script>
    import radiusBtn from "@/components/base/radius-btn"
    export default {
        props:{
          price:null,
          amount:null
        },
        data(){
            return {

            }
        },
        methods:{
          turn(path){
              this.$router.push(path)
          }
        },
        components:{
            radiusBtn
        }
    }
</script>

<style scoped lang="stylus">
    .commit-bar
        position fixed
        left 0
        right 0
        bottom 0
        height 44px
        padding 0 10px 0 18px
        display flex
        align-items center
        background-color white
        .prices
            flex 1
            justify-content flex-end
            display flex
            align-items center
            padding-right 10px
            font-size 12px
            .quantity
                color $font-color-light
                font-size 9px
                margin-right 5px
                .price
                    color  #F6CE75
            .total
                font-size 12px
                color #4E3D07
                .price
                    color #F7895E


</style>